$(function () {
    var error_count = 0;
    var getcodeBtn = $('#getcode')
    var LIMITTIME = 60
    var second = LIMITTIME
    var flag = true
    var timeDown = function (outtime) {
        LIMITTIME = outtime;
        if (second > 0) {
            getcodeBtn
                .removeClass('bg-danger')
                .css({
                    'background': '#999',
                    'cursor': 'not-allowed',
                    'font-size': '12px'
                })
                .html(second + ' 秒后重新获取')
            flag = false
            var timer = setTimeout(function () {
                second--
                timeDown()
            }, 1000)
        } else {
            clearInterval(timer)
            getcodeBtn
                .css({
                    'background': '#bb401f',
                    'cursor': 'pointer',
                    'font-size': '12px'
                })
                .html('重新获取验证码')
            second = LIMITTIME
            flag = true
        }
    };

    // 点击获取验证码按钮
    getcodeBtn.on('click', function () {
        var uPattern = /^[1][3,4,5,7,8][0-9]{9}$/;
        if (uPattern.test($("#phone").val())) {
            $.post("/validataMobileCode",
                {
                    phone: $('#phone').val()
                },
                function (res) {
                    if (res.code == '0') {
                        timeDown(res.outtime);
                    } else {
                        layer.msg(res.msg);
                        return false;
                    }
                }
            );
        } else {
            $("#phone").parent().removeClass('error');
            $("#phone").parent().addClass('error')
            layer.msg('请输入正确的手机号')
        }

    });

    // 点击注册按钮
    $('#register').on('click', function () {

        $("#register_form :input").each(function () {
            console.log($(this));
            $(this).trigger("blur");
        });
        var errors = $('#register_form').children(".error");
        if (errors.length == 0) {
            //校验用户名
            $.post("/validataUsername",
                {
                    username: $('#usercount').val()
                },
                function (res) {
                    if (res.code == '0') {
                        //校验手机号
                        $.post("/validataPhone",
                            {
                                phone: $('#phone').val()
                            },
                            function (res) {
                                if (res.code == '0') {
                                    //注册并校验验证码
                                    $.post("/front_register",
                                        {
                                            username: $('#usercount').val(),
                                            nickName: $('#username').val(),
                                            loginPassword: $('#loginpass').val(),
                                            payPassword: $('#paypass').val(),
                                            phone: $('#phone').val(),
                                            phone: $('#phone').val(),
                                            validateCode: $('#code').val(),
                                            qq: $('#qqnum').val(),
                                            fullName: $('#truename').val()
                                        },
                                        function (res) {
                                            if (res.code == '0') {
                                                layer.msg('注册成功，请登录！');
                                                window.setTimeout("goLogin()", 2000);
                                            } else {
                                                layer.msg(res.msg);
                                                return false;
                                            }
                                        }
                                    );
                                } else {
                                    layer.msg(res.msg);
                                    return false;
                                }
                            }
                        );
                    } else {
                        layer.msg(res.msg);
                        return false;
                    }
                }
            );
        }

        return false
    });

    $("#usercount").on('blur', () => {
        var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;
        if (uPattern.test($("#usercount").val())) {
            $("#usercount").parent().removeClass('error');
            error_count--;
        } else {
            $("#usercount").parent().removeClass('error');
            $("#usercount").parent().addClass('error')
            error_count++;
        }
        return false;
    });

    $("#username").on('blur', () => {
        var uPattern = /^[A-Za-z0-9\u4e00-\u9fa5]{2,8}$/;
        if (uPattern.test($("#username").val())) {
            $("#username").parent().removeClass('error');
            error_count--;
        } else {
            $("#username").parent().removeClass('error');
            $("#username").parent().addClass('error')
            error_count++;
        }
        return false;
    });

    $("#loginpass").on('blur', () => {
        var uPattern = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/;
        if (uPattern.test($("#loginpass").val())) {
            $("#loginpass").parent().removeClass('error');
            error_count--;
        } else {
            $("#loginpass").parent().removeClass('error');
            $("#loginpass").parent().addClass('error')
            error_count++;
        }
        return false;
    });

    $("#paypass").on('blur', () => {
        var uPattern = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/;
        if (uPattern.test($("#paypass").val())) {
            $("#paypass").parent().removeClass('error');
            error_count--;
        } else {
            $("#paypass").parent().removeClass('error');
            $("#paypass").parent().addClass('error')
            error_count++;
        }
        return false;
    });


    $("#phone").on('blur', () => {
        var uPattern = /^[1][3,4,5,7,8][0-9]{9}$/;
        if (uPattern.test($("#phone").val())) {
            $("#phone").parent().removeClass('error');
            error_count--;
        } else {
            $("#phone").parent().removeClass('error');
            $("#phone").parent().addClass('error')
            error_count++;
        }
        return false;
    });

    $("#qqnum").on('blur', () => {
        var uPattern = /[1-9]([0-9]{4,11})/;
        if (uPattern.test($("#qqnum").val())) {
            $("#qqnum").parent().removeClass('error');
            error_count--;
        } else {
            $("#qqnum").parent().removeClass('error');
            $("#qqnum").parent().addClass('error')
            error_count++;
        }
        return false;
    });

    $("#truename").on('blur', () => {
        var uPattern = /[\u4e00-\u9fa5]{2,5}/;
        if (uPattern.test($("#truename").val())) {
            $("#truename").parent().removeClass('error');
            error_count--;
        } else {
            $("#truename").parent().removeClass('error');
            $("#truename").parent().addClass('error')
            error_count++;
        }
        return false;
    });

    // 点击去登录
    $('.login').on('click', function () {
        window.location.href = '/login'
    })
})
